<style>
  #warehouse-form strong{
      color: red;
  }
  .el-dialog--center .el-dialog__body {
      text-align: initial;
      padding: 25px 25px 30px;
  }

  .el-dialog__body {
      padding: 20px;
      color: #48526a;
      font-size: 14px;
  }
  .el-dialog__body {
      padding: 30px 20px;
      color: #606266;
      line-height: 24px;
      font-size: 14px;
  }
  .in-content .products-list {
      border-bottom: 1px solid #ddd;
  }
  .in-content {
      width: 850px;
  }

  .layui-layer-iframe {
    width: 900px !important;
  }
  .in-content .products-list .head-box {
      padding-bottom: 10px;
  }
  .in-content .products-list .k1, .in-content .products-list .k2 {
      width: 260px;
  }
  .in-content .products-list .k3{
    width: 100px;
  }
  .in-content .products-list .k4{
    width: 100px;
  }
  .in-content .products-list .list-content .pd-item {
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #ddd;
  }
  .in-content .products-list .k-text {
      display: inline-block;
      vertical-align: top;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .el-input-number .el-input__inner {
      -webkit-appearance: none;
      padding-left: 50px;
      padding-right: 50px;
      text-align: center;
  }
  .el-input__inner {
      background-color: #fff;
      background-image: none;
      border-radius: 4px;
      border: 1px solid #dcdfe6;
      box-sizing: border-box;
      color: #606266;
      display: inline-block;
      font-size: inherit;
      height: 40px;
      line-height: 40px;
      outline: 0;
      padding: 0 15px;
      transition: border-color .2s cubic-bezier(.645,.045,.355,1);
      width: 80px;
  }

</style>
<form id="warehouse-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  <div class="el-dialog__body">
      <div class="in-content">
          <div class="products-list">
              <div class="head-box">
                <span class="k-text k1"><b>商品名</b></span> 
                <span class="k-text k2"><b>SKU</b></span>
                <span class="k-text k3"><b>数量</b></span>
                <span class="k-text k4"><b>箱号</b></span>
              </div>
              <div class="list-content">
                  {foreach $items as $key=>$item}
                  <div class="pd-item">
                      <span class="k-text k1" >{$item.itemname}</span>
                      <span class="k-text k2">{$item.itemsku}</span>
                      <div class="k-text k3 el-input">
                          <input type="number" name="row[itemnum][]" min="1" step="1" max="1000000" class="el-input__inner" value="1">
                          <input type="hidden" name="row[itemname][]" value="{$item.itemname}">
                          <input type="hidden" name="row[itemsku][]" value="{$item.itemsku}">
                          <input type="hidden" name="row[itemid][]" value="{$item.id}">
                      </div>
                      <div class="k-text k4 el-input">
                        <input type="text" class="el-input el-input__inner" name="row[boxno][]" min="1" step="1" max="1000000"  value="1">
                      </div>
                      
                      <a href="javascript:;" class="btn btn-xs btn-danger del-item" data-original-title="删除"><i class="fa fa-trash"></i></a>
                  </div>
                  {/foreach}
              </div>
          </div>
      </div>
  </div>
  <div class="form-group">
      <label class="control-label col-xs-12 col-sm-2">箱数</label>
      <div class="col-xs-12 col-sm-8">
        <input id="c-boxcount" data-rule="required" class="form-control form-control" name="row[boxcount]" type="number" value="1">
      </div>
  </div>
  <div class="form-group">
      <label class="control-label col-xs-12 col-sm-2"><strong>*</strong>仓库</label>
      <div class="col-xs-12 col-sm-8">
          <select name="row[warehouse_code]" id="c-warehouse_code" class="form-control">
              {foreach name="wms" item="vo"}
              <option value="{$vo.code}">{$vo.name}</option>
              {/foreach}
          </select>
      </div>
  </div>
  <div class="form-group">
      <label class="control-label col-xs-12 col-sm-2">备注</label>
      <div class="col-xs-12 col-sm-8">
          <textarea id="c-remark" data-rule="" class="form-control" name="row[remark]"></textarea>
      </div>
  </div>
  <div class="form-group layer-footer">
      <label class="control-label col-xs-12 col-sm-2"></label>
      <div class="col-xs-12 col-sm-8">
          <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
          <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
      </div>
  </div>
</form>

